{% extends "base.html" %}

{% block main_content %}
    <h2 class="caution">Caution: Selecting a game will destroy your current game</h2>
    <div class="game_pool">
        <a href="{{ url_for('select_game', target_game='blackjack') }}"
           class={{ "active" if cur_game=='blackjack' else "inactive" }}>
            <h3>Blackjack</h3>
            <p>Card game where players aim to get a hand value of 21 or less, competing against the dealer without
                busting. Face cards count as 10.</p>
        </a>
        <a href="{{ url_for('select_game', target_game='freecell') }}"
           class={{ "active" if cur_game=='freecell' else "inactive" }}>
            <h3>Freecell</h3>
            <p>Solitaire card game where all cards are visible. The goal is to move all cards to foundation piles,
                following suit and order.</p>
        </a>
    </div>
{% endblock %}